<?xml version="1.0" encoding="utf-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:pe="http://primefaces.org/ui/extensions">

	<div id='cadastraritem-form'>
		<div class='inside'>

			<h1>Devolver Item</h1>			

			<!-- Progress -->
			<p:ajaxStatus onstart="PF('statusDialog').show();" onsuccess="PF('statusDialog').hide();"/>  

			<p:dialog modal="true" widgetVar="statusDialog" header="Aguarde"   
					draggable="false" closable="false">  
				<p:graphicImage value="resources/imagens/progress.gif" />  
			</p:dialog>
			
			<!-- Formulário -->
			<h:form>
				<h:messages id="messagesBuscarItem" globalOnly="true" />
				<h:panelGrid columns="1">
					
					<!-- Autocomplete - Usuário -->
					<p:outputLabel value="Nome do usuário:" for="nomeUsuario" />
					<p:autoComplete id="nomeUsuario" multiple="true"
						value="#{devolverBean.usuariosSelecionados}"
						completeMethod="#{devolverBean.completeUsuarios}"
						var="usuario" itemLabel="#{usuario.nome}"
						itemValue="#{usuario}"
						converter="br.edu.ifpb.recdata.convert.UsuariosConverter"
						forceSelection="true">
						<p:column>
							<h:outputText value="#{usuario.nome}" />
						</p:column>
					</p:autoComplete>
					<h:message for="nomeUsuario" />					
					
					<!-- Data/Hora da retirada -->
					<h:outputScript name="calendario_pt_BR.js" library="js" />
					
					<p:outputLabel value="Data/Hora Inicio da reserva:" for="dataHoraInicial" />
					<h:panelGrid columns="4" id="dataHoraInicial">						
						
						<p:calendar id="dataInicial" value="#{devolverBean.dataInicio}"
							locale="pt_BR" navigator="true" pattern="dd-MMM-yyyy" />
						<h:message for="dataInicial" />	
						
						<pe:timePicker value="#{devolverBean.horaInicio}" 
							mode="popup"
							widgetVar="horaFinalWidgetVar" 
							id="horaInicial" />
						<h:message for="horaInicial" />
						
					</h:panelGrid>
							
					<h:panelGrid columns="2">
    					<input id="bt_clean" type="reset" value="Limpar"/>	
						<h:commandButton id="bt_buscar" value="Buscar" 
							action="#{devolverBean.consultarRetiradas}" />							
					</h:panelGrid>
								
				</h:panelGrid>
								
				<!-- Listagem dos itens retirados -->
				<p:dataTable id="retiradas" 
					var="retirada" 
					value="#{devolverBean.retiradas}">
	
					<p:column headerText="Usuário da liberação">
						<h:outputText value="#{retirada.usuarioLiberacao.nome}" />
					</p:column>
					
					<p:column headerText="Usuário da reserva">
						<h:outputText value="#{retirada.reserva.usuario.nome}" />
					</p:column>
					
					<p:column headerText="Item">
						<h:outputText value="#{retirada.item.descricao}" />
					</p:column>
					
					<p:column headerText="Data/Hora da Retirada">
						<h:outputText value="#{retirada.dataHoraRetirada}" />
					</p:column>
		
					<p:column headerText="Opções">	
						<p:panelGrid columns="1">
						
							<p:commandLink id="cl_devolver" immediate="true" 
								action="#{devolverBean.devolverItem(retirada)}">
								<h:outputText value="Devolver Item" />
							</p:commandLink>
							
						</p:panelGrid>					
					</p:column>
					
				</p:dataTable>
			</h:form>
		</div>
	</div>
</ui:composition>